.sf_core_main {
  overflow-y: hidden;

  .sf_core_main_layout {

    .sf_core_main_layout_header {
      padding: 0;
      line-height: @layout-header-height;
      height: @layout-header-height;
      background-color: @header-color;
      box-shadow: 0 0 4PX 0 #ccc;
      margin-bottom: 3PX;

      .sf_core_main_layout_header_top {
        padding: 0 10px;
        height: @layout-header-height;

        .sf_core_main_layout_header_top_menu {
          height: @layout-header-height;
          display: flex;

          .sf_core_main_layout_header_top_menu_logo {
            display: flex;
            width: 350px;

            img {
              height: calc(@layout-header-height - 6px);
              margin-top: 3px;
              cursor: pointer;
            }

            .sf_core_main_layout_header_top_menu_title {
              flex: 350px auto;
              margin-left: 20px;
              font-weight: 700;
              font-size: 20px;
            }
          }

          .sf_core_main_layout_header_top_menu_breadcrumb {
            .ant-breadcrumb-separator {
              margin-inline: 2px;
            }

            .ant-breadcrumb {
              height: @layout-header-height;
              line-height: calc(@layout-header-height + 1px);
              cursor: pointer;
            }
          }
        }

        .sf_core_main_layout_header_top_search {
          width: 100%;
          height: @layout-header-height;
          display: flex;
          text-align: center;
          align-items: center;

          .sf_core_main_layout_header_top_search_type {
            position: absolute;
            z-index: 1;
            top: 42PX;
            line-height: 30PX;
            border-radius: 30PX;
            padding: 0 5px;
            background: #f5f5f5;
            display: none;
            overflow: hidden;
          }

          &:hover .sf_core_main_layout_header_top_search_type {
            display: block;
          }

          .sf_core_main_layout_header_top_search_input {
            width: 100%;
            vertical-align: top;
            position: relative;

            .ant-input-affix-wrapper {
              height: 30PX;
              border-radius: 30PX;
              background: #f5f5f5;
              border: none;
            }

            .ant-input-group-addon {
              height: 30PX;
              border-radius: 30PX 0 0 30PX;
              background: #f5f5f5;
              border: none;

              &:last-of-type {
                display: none;
              }
            }
          }

          .sf_core_main_layout_header_top_search_advanced {
            margin-left: 10PX;
            border-radius: 8PX;
          }
        }

        .sf_core_main_layout_header_top_user {
          text-align: right;
          height: @layout-header-height;

          .sf_core_main_layout_header_top_user_info_custom {
            width: 100%;
          }

          .sf_core_main_layout_header_top_user_info {
            height: 100%;
            display: flex;
            justify-content: flex-end;

            .sf_core_main_layout_header_top_user_mess {
              display: flex;
              align-items: center;
              margin-right: 10px;
            }

            & > .sf_core_icon {
              margin-right: 10px;
            }

            .sf_core_main_layout_header_top_user_info_avatar {
              display: inline-block;
              line-height: calc(@layout-header-height - 3.5PX);

              & > .ant-avatar {
                color: #891d04;
                font-weight: 700;
                background-color: #ffd7ce;
                cursor: pointer;
              }
            }
          }
        }
      }
    }
  }

  .sf_core_main_layout_content {
    position: relative;
    height: calc(100vh - @layout-header-height - 3PX);
    width: 100%;
    display: flex;

    .sf_core_main_layout_split_main {
      background: #fff;
      border-right: 1px solid rgba(5, 5, 5, 0.1);
      border-left: 1px solid rgba(5, 5, 5, 0.1);
    }

    .sf_core_main_layout_content_menu {
      border-right: 1px solid color-mix(in oklch, @text-color, transparent 90%);
    }

    .sf_core_main_layout_content_tabs {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      flex: auto;
      background-color: @base-bg-color;
      overflow: hidden;

      .sf_core_main_layout_content_tabs_main {
        width: 100%;
        height: 100%;
        border: none;
        // box-shadow: 0 5px 10px 0 @layout-header-tabs;

        .sf_core_main_layout_content_tabs_main_home {
          vertical-align: middle !important;
          margin-top: 0;
        }

        & > .ant-tabs-nav {
          padding: 5PX;
          margin: 0;
          box-shadow: 0 1PX 5px 0 #ccc;

          &::before {
            content: none;
          }

          .ant-tabs-tab {
            padding: 0 10px;
            height: @layout-header-tabs-height;
            background-color: @base-bg-color-box;
            box-shadow: 0 0 5px 0 #eee;
            margin-right: 5px;
            border-radius: @border-radius-base;

            &.ant-tabs-tab-active {
              background-color: @primary-color;

              .ant-tabs-tab-btn {
                color: #fff;
              }
            }

            .ant-tabs-tab-btn {
              font-size: 13px;

              span {
                margin-right: 5px;
                vertical-align: middle;
              }
            }

            .ant-tabs-tab-remove {
              font-size: 8px;
              padding: 0;
            }
          }

          .ant-tabs-nav-operations {
            .ant-tabs-nav-more {
              padding-top: 0;
              padding-right: 0;
              padding-bottom: 0;
            }
          }

          .ant-tabs-ink-bar {
            display: none;
          }
        }

        & > .ant-tabs-content-holder {
          margin-top: 2px;
          width: 100%;
          height: calc(100vh - @layout-header-height - @layout-header-tabs-height - 6px);

          .ant-tabs-content {
            width: 100%;
            height: 100%;
            overflow-y: auto;

            .ant-tabs-tabpane {
              width: 100%;
              height: 100%;
            }
          }
        }
      }
    }
  }
}

.sf_core_main_layout_content_tabs_main_title {
  .ant-dropdown-menu-item {
    padding: 0 5px !important;
    margin-bottom: 5px !important;

    &:last-child {
      margin-bottom: 0 !important;
    }

    .ant-dropdown-menu-item-icon {
      margin-right: 2px;
    }

    span {
      font-size: 10px;
      vertical-align: bottom;
    }
  }
}